.amount-info {
  width: 100%;
  height: 100%;
  padding: 4%;
  padding-top: 6px;
  padding-bottom: 6px;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.amount-info .amount-info-item {
  width: 100%;
  border: 1px solid #575f8e;
  position: relative;
}
.amount-info-item-header {
  height: 24%;
}
.amount-info-item-header .myWave {
  height: 100%;
  width: 100%;
}
.amount-info-item-two {
  height: 26%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.amount-info-item-two .amount-info-item-two-real {
  height: 26%;
  width: 94%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.amount-info-item-two .amount-info-item-two-real .amount-info-item-two-temp {
  height: 25%;
}
.amount-info-item-two .amount-info-item-two-real .amount-info-item-two-real-top {
  height: 40%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.amount-info-item-two .amount-info-item-two-real .amount-info-item-two-real-top .amount-info-item-two-real-top-left {
  height: 100%;
  line-height: 100%;
  font-size: 20px;
  color: #61e1ee;
  padding-left: 9.6%;
  background: url("http://xm-cdn.oss-cn-hangzhou.aliyuncs.com/img/data-screen/mileage_wave_icon.png") left center no-repeat;
  background-size: 26px 26px;
}
.amount-info-item-two .amount-info-item-two-real .amount-info-item-two-real-top .amount-info-item-two-real-top-right {
  color: #de4a22;
  font-size: 16px;
  line-height: 100%;
  text-align: right;
}
.amount-info-item-two .amount-info-item-two-real .amount-info-item-two-real-top .down-color {
  color: #19c094;
}
.amount-info-item-two .amount-info-item-two-real .amount-info-item-two-real-bottom {
  height: 35%;
  padding-left: 9.6%;
  color: #fff;
  font-size: 12px;
}
.amount-info-item-two .liChengWave {
  height: 72%;
}
.amount-info-item-three {
  height: 26%;
  display: flex;
  flex-direction: column;
  justify-content: space-around;
}
.amount-info-item-three .amount-info-item-three-real {
  height: 26%;
  width: 94%;
  margin: 0 auto;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
}
.amount-info-item-three .amount-info-item-three-real .amount-info-item-three-temp {
  height: 25%;
}
.amount-info-item-three .amount-info-item-three-real .amount-info-item-three-real-top {
  height: 40%;
  display: flex;
  flex-direction: row;
  justify-content: space-between;
}
.amount-info-item-three .amount-info-item-three-real .amount-info-item-three-real-top .amount-info-item-three-real-top-left {
  height: 100%;
  line-height: 100%;
  font-size: 20px;
  color: #61e1ee;
  padding-left: 9.6%;
  background: url("http://xm-cdn.oss-cn-hangzhou.aliyuncs.com/img/data-screen/peo_flow_wave_icon.png") left center no-repeat;
  background-size: 26px 26px;
}
.amount-info-item-three .amount-info-item-three-real .amount-info-item-three-real-top .amount-info-item-three-real-top-right {
  color: #de4a22;
  font-size: 16px;
  line-height: 100%;
  text-align: right;
}
.amount-info-item-three .amount-info-item-three-real .amount-info-item-three-real-top .down-color {
  color: #19c094;
}
.amount-info-item-three .amount-info-item-three-real .amount-info-item-three-real-bottom {
  height: 35%;
  padding-left: 9.6%;
  color: #fff;
  font-size: 12px;
}
.amount-info-item-three .userWave {
  height: 72%;
}
.amount-info-item-footer {
  height: 15%;
  display: flex;
}
.amount-info-item-footer .amount-info-item-footer-item {
  width: 98%;
  margin: 0 auto;
  padding-top: 10px;
  display: flex;
  flex-direction: row;
  justify-content: space-around;
  align-items: center;
}
.amount-info-item-footer .amount-info-item-footer-item .icon {
  width: 50px;
  height: 50px;
}
.amount-info-item-footer .amount-info-item-footer-item .bus-pie {
  width: 26%;
}
.amount-info-item-footer .amount-info-item-footer-item .bus-basis {
  width: 20%;
  cursor: pointer;
  font-size: 10px;
}
.amount-info-item-footer .amount-info-item-footer-item .bus-basis .bus-basis-item {
  color: #fff;
}
.amount-info-item-footer .amount-info-item-footer-item .bus-basis i {
  margin-right: 5px;
}
.amount-info-item-footer .amount-info-item-footer-item .bus-basis .red {
  color: #f71c6d;
}
.amount-info-item-footer .amount-info-item-footer-item .bus-basis .blue {
  color: #3d79fe;
}
.amount-info-item-footer .amount-info-item-footer-item .bus-basis .dark-blue {
  color: #3521ff;
}
.amount-info-item-footer .amount-info-item-footer-item .bus-basis .light-blue {
  color: #3cb5fe;
}
